Karakter Khusus dan Tag `<hr>` dalam HTML

Dalam HTML, ada beberapa karakter khusus yang tidak dapat langsung ditulis dalam kode, karena memiliki makna khusus dalam bahasa markup. Mari kita pelajari karakter-karakter ini dan bagaimana kita dapat menampilkan garis horisontal dengan tag `<hr>`.

Karakter Khusus dalam HTML:

- &nbsp;: Digunakan untuk menambahkan spasi tak terputus (non-breaking space). Berguna untuk mencegah pemecahan baris di tengah kata atau frase.

- &lt;: Menampilkan karakter "<" (kurung kurawal kiri).

- &gt;: Menampilkan karakter ">" (kurung kurawal kanan).

- &amp;: Menampilkan karakter "&" (ampersand).

- &copy;: Menampilkan simbol hak cipta ©.

- &reg;: Menampilkan simbol terdaftar ®.

- &trade;: Menampilkan simbol trademark ™.

Contoh penggunaan karakter khusus:

html
<p>Ini adalah contoh penggunaan karakter khusus: &copy; 2023 My Website. Semua hak dilindungi.</p>
<p>Kode HTML: &lt;p&gt;Paragraf dengan &amp; karakter khusus.&lt;/p&gt;</p>

Output di browser:

Ini adalah contoh penggunaan karakter khusus: © 2023 My Website. Semua hak dilindungi.

Kode HTML: `<p>`Paragraf dengan & karakter khusus.`</p>`

Tag `<hr>` untuk Garis Horisontal:

Tag `<hr>` digunakan untuk membuat garis horisontal yang membentang di seluruh lebar halaman. Tag ini tidak memerlukan tag penutup dan sering digunakan untuk memisahkan bagian-bagian dalam halaman web.

Contoh penggunaan tag `<hr>`:

html
<h2>Judul Bagian Pertama</h2>
<p>Ini adalah isi bagian pertama.</p>
<hr>
<h2>Judul Bagian Kedua</h2>
<p>Bagian kedua dimulai di sini.</p>

Output di browser:

Judul Bagian Pertama

Ini adalah isi bagian pertama.

---

Judul Bagian Kedua

Bagian kedua dimulai di sini.

Dengan memahami karakter-karakter khusus dan tag `<hr>`, kamu dapat menulis konten HTML dengan lebih akurat dan menambah elemen visual sederhana ke dalam halaman webmu. Selamat bereksperimen!